<template>
    <div>
        <van-nav-bar title="首页" />
        <van-skeleton title :row="20" v-show="gjp"/>
        <tp></tp>
      
        <div class="list" >
            <div style="width: 150px;height: 300px;"><img src="./img/mo.png" alt="" style="width: 125%;height: 250px;">
                <span>新品 FlymeAIOS|骁龙...</span><br>
                <p>￥2599起</p>
            </div>
            <div style="width: 150px;height: 270px;"><img src="./img/mo.png" alt="" style="width: 125%;height: 250px;">
            <span>新品 FlymeAIOS|骁龙...</span><br>
                < <p>￥4199起</p></div>
            <div style="width: 150px;height: 370px;"><img src="./img/ml.png" alt="" style="width: 125%;height: 250px;">
            <span>新品 FlymeAIOS|骁龙...</span><br>
                 <p>￥4199起</p></div>
            <div style="width: 150px;height: 210px;"><img src="./img/ml.png" alt="" style="width: 125%;height: 250px;">
            <span>新品 FlymeAIOS|骁龙...</span><br>
                 <p>￥4199起</p></div>

        </div>
    </div>
</template>

<script setup>
import { ref } from 'vue';
import tp from '@/components/tp.vue';
let gjp=ref(true)
let timer;
timer=setInterval(()=>{
    gjp.value=false
},1200)



</script>

<style lang="scss" scoped>
.list{
    column-count: 2;
    column-gap: 20px;
    div{
        display: inline-block;
        margin-bottom: 10px;
        width: 100%;
    }
}
p{
    color: red;
}
</style>